/* 全局样式 */
html {
    font-size: 10px;
}

.main{
    width: 30rem;
    height: 40rem;
    margin: 10rem auto;
    border: 0.1rem solid black;
}
    .screen{
        height: 70%;
    }

        #grid{
            width: 65%;
            height: 100%;
            float: left;
            /* background: lightblue; */
        }

            .row{
                height: 5%;                
            }

                .col{            
                    float: left;            
                    width: 10%;
                    height: 100%;                                        
                }
                    .cell{
                        box-sizing: border-box;
                        border: 0.2rem solid red;
                        height: 100%;
                    }
                        .cell div{
                            height: auto;                                
                            padding: 30% 20%;
                            background: black;
                        }            

        #notice{
            width: 35%;
            height: 100%;
            float: left;
            background: lightgreen;
        }

    .controlboard{
        height: 30%;
        background: silver;
    }